@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css";
@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700&display=swap";

@font-face {

    font-family: "Inter-Bold";

    src: url("https://images.hanlonsonline.co.uk/Camden BS5/fonts/Inter-Bold.ttf");

    font-weight: 700;

    font-style: normal;

}

@font-face {

    font-family: "Inter-Medium";

    src: url("https://images.hanlonsonline.co.uk/Camden BS5/fonts/Inter-Medium.ttf");

    font-weight: 700;

    font-style: normal;

}

@font-face {

    font-family: "Inter-Regular";

    src: url("https://images.hanlonsonline.co.uk/Camden BS5/fonts/Inter-Regular.ttf");

    font-weight: 700;

    font-style: normal;

}

a.nav-link {
    font-family: "Inter-Bold";
    color: #000;
}

div#navbar {
    padding: 30px;
}

li#Home a {
    color: #003E90;
    font-family: "Inter-Bold";
    text-decoration: none;
}

li#FindOpportunityListItem a {
    font-family: "Inter-Bold";
    color: #003E90;
    text-decoration: none;
    margin-left: 30px;
}

li#Employers a {
    font-family: "Inter-Bold";
    color: #003E90;
    text-decoration: none;
    margin-left: 30px;
}

a.dropdown-toggle {
    color: #003E90;
    font-family: "Inter-Bold";
    margin-left: 30px;
    text-decoration: none;
}

ul#login-reg-navbar-two {
    flex: auto;
    justify-content: flex-end;
}

div#navbar {
    padding: 30px;
    width: 1920px;
    background-color: #F2F5F9 !important;
    border-color: transparent;
    font-size: 13pt;
    border: none !important;
    height: 95px;
}

img#headerimageOne {
    width: 375px;
    margin-left: 20%;
    padding: 15px;
}

ul#login-reg-navbar {
    padding-left: 70px;
}

ul.dropdown-menu.show {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 14px;
    left: 15%;
    text-align: center;
    font-size: 14px;
    background: #f2f5f9;
    border: transparent;
}

a.dropdown-item {
    color: #003E90;
    font-family: "Inter-Bold";
    padding-bottom: 10px;
}

a#LoginLink {
    color: #003E90 !important;
    background: #fff !important;
    border-radius: 0px;
    border: 1px solid #003e90;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    font-family: "Inter-Bold";
    margin-right: 20px;
}

a#LoginLink:hover {
    color: #000 !important;
}

a#LoginLink:focus {
    outline: 2px dashed #000;
}

a#RegisterLink {
    color: #fff !important;
    padding-left: 15px;
    padding-right: 15px;
    background: #003E90 !important;
    font-size: 18px;
    border-radius: 0px;
    font-family: "Inter-Bold";
}

a#RegisterLink:hover {
    color: #000 !important;
    background: #fff !important;
    transition: 0.6s;
}

a#RegisterLink:focus {
    outline: 2px dashed #000;
}

/*Styling applied to the registration selection page*/
.panel-heading {
    background: #386BB2;
    padding: 10px;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
}

.resident-heading {
    color: #003E90 !important;
    background-color: #f2f5f9 !important;
    border-color: #003E90 !important;
    font-family: "Inter-Bold";
    font-size: 24px;
}

div#residentPanel {
    background-color: #fff !important;
    min-height: 229px;
    border: 2px solid #203c87;
}

a#btn1 {
    background-color: #203c87;
    border-color: #203c87;
    padding-left: 20px;
    font-size: 18px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-family: "Inter-Regular";
}

a#btn2 {
    background-color: #203c87;
    border-color: #203c87;
    padding-left: 20px;
    font-size: 18px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-family: "Inter-Regular";
}

a#btn1:hover {
    color: #000;
    background: #fff;
    transition: 0.6s;
}

a#btn2:hover {
    color: #000;
    background: #fff;
    transition: 0.6s;
}

a#btn1:focus {
    color: #000;
    background: #fff;
    outline: 2px dashed #000;
}

a#btn2:focus {
    color: #000;
    background: #fff;
    outline: 2px dashed #000;
}

p.resident-text {
    color: #000;
    font-family: "Inter-Regular";
    margin-top: 10px;
}

a.login-link {
    color: #000;
}

#ButtonOne {
    color: #fff !important;
    padding-left: 15px;
    padding-right: 15px;
    background: #003E90 !important;
    font-size: 18px;
    border-radius: 0px;
    font-family: "Inter-Bold";
    border: none;
}

#ButtonTwo {
    color: #fff !important;
    padding-left: 15px;
    padding-right: 15px;
    background: #003E90 !important;
    font-size: 18px;
    border-radius: 0px;
    font-family: "Inter-Bold";
    border: none;

}

#ButtonThree {
    color: #fff !important;
    padding-left: 15px;
    padding-right: 15px;
    background: #003E90 !important;
    font-size: 18px;
    border-radius: 0px;
    font-family: "Inter-Bold";
    border: none;

}

.form-label {
    margin-bottom: .5rem;
    color: #000;
    font-family: "Inter-Bold";
}

p.text-block {
    font-family: "Inter-Regular";
}

input#btnProceedToWizard {
    color: #fff !important;
    padding-left: 15px;
    padding-right: 15px;
    background: #003E90 !important;
    border-radius: 0px;
    font-family: "Inter-Bold";
    border: none;
}
table#ctl00_mCPH_ctrlBusinessSignup_ctrlRegistrationWizard_wiz {
    border: 2px double #003e90;
    border-width: 8px;
}
input#ctl00_mCPH_ctrlBusinessSignup_ctrlRegistrationWizard_wiz_FinishNavigationTemplateContainerID_FinishButton {
    color: #fff !important;
    padding-left: 15px;
    padding-right: 15px;
    background: #003E90 !important;
    border-radius: 0px;
    font-family: "Inter-Bold";
    border: none;
}
input#ctl00_mCPH_LoginButton {
      color: #fff !important;
    padding-left: 15px;
    padding-right: 15px;
    background: #003E90 !important;
    border-radius: 0px;
    font-family: "Inter-Bold";
    border: none;
}
a#ctl00_mCPH_RegisterLink {
    color: #000;
    font-family: "Inter-Bold";
}
a.link {
    color: #000;
    font-family: "Inter-Bold";
}
    ul.dropdown-menu.show {
    text-align: left;
    left: 18%;
}
@media only screen and (max-width: 1536px) {
    div#navbar {
        width: 1536px;
    }
}

@media only screen and (max-width: 1440px) {
    div#navbar {
        width: 1440px;
    }

    ul#login-reg-navbar {
        padding-left: 50px;
    }


}

@media only screen and (max-width: 1440px) {
    div#navbar {
        width: 1280px;
    }
}

@media only screen and (max-width: 1024px) {
    div#navbar {
        width: 1024px;
    }

}

@media only screen and (max-width: 768px) {
    li#FindOpportunityListItem a {
        margin-left: 0px;
    }

    li#Employers a {
        margin-left: 0px;
    }

    div#navbar {
        min-height: 350px;
    }

    ul#login-reg-navbar {
        padding-left: 0;
    }

    a.dropdown-toggle {
        margin-left: 0px;
    }

    ul#login-reg-navbar-two {
        flex: auto;
        justify-content: flex-end;
        margin-top: 90px;
    }

    ul.dropdown-menu.show {

        left: 0px;
    }

    div#navigationSection {
        width: 100%;
    }

    button.navbar-toggler.collapsed {
        width: auto;
        margin-top: 80px;
        left: 76%;
        position: relative;
    }

    button.navbar-toggler {
        width: auto;
        margin-top: 75px;
        left: 76%;
        position: relative;
    }
}

@media only screen and (max-width: 425px) {
    button.navbar-toggler {
        left: 90%;
    }

    button.navbar-toggler.collapsed {
        left: 90%;
    }

    img#headerimageOne {
        width: 375px;
        margin-left: 5%;
        padding: 15px;
    }

    ul#login-reg-navbar-two {
        flex: auto;
        justify-content: flex-end;
        margin-top: 0;
    }

    img#headerimageOne {
        margin-left: 5%;
    }
}

@media only screen and (max-width: 375px) {

    img#headerimageOne {
        width: 375px;
        margin-left: 0%;
        padding: 15px;
    }
}

@media only screen and (max-width: 320px) {

    img#headerimageOne {
        margin-left: 0%;
    }
}